<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>森林火情监控系统-Background</title>
    <!-- Favicon -->

    <!-- Latest Bootstrap min CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <!-- venobox CSS -->
    <link rel="stylesheet" href="static/css/venobox.css" media="all">
    <!-- Theme Default CSS -->
    <link rel="stylesheet" href="static/css/theme-default.css">
    <!-- animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css">
    <!-- meanmenu min CSS -->
    <link rel="stylesheet" href="static/css/meanmenu.min.css">
    <!-- font-awesome CSS -->
    <link rel="stylesheet" href="static/css/all.min.css">
    <!-- main style CSS-->
    <link rel="stylesheet" href="static/css/style.css">
    <!-- bootstrap icons CSS -->
    <link rel="stylesheet" href="static/css/bootstrap-icons.css">
    <!-- owl-carousel CSS -->
    <link rel="stylesheet" href="static/css/owl.carousel.min.css" media="all">
    <!-- owl theme-default CSS -->
    <link rel="stylesheet" href="static/css/owl.theme.default.min.css" type="text/css" media="all">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="static/css/responsive.css">
    <!-- modernizr js -->
    <script src="static/js/modernizr-3.5.0.min.js"></script>
</head>
<body>
<!---==================== Header Section Area Start ===================-->
<div class="header-area transparent">
    <div class="header-sticky">
        <div class="container">
            <div class="row d-flex align-items-center">
                <div class="col-lg-2 col-md-2">
                    <div class="header-logo">
                        <a class="main-logo" href="Fire-Monitor.html"><img src="static/picture/logo1.png" alt=""></a>
                        <a class="sticky-logo" href="Fire-Monitor.html"><img src="static/picture/logo1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="header-main-menu">
                        <ul>
                            <li><a href="Fire-Monitor.html" style="color: black">Home</a></li>
                            <li><a href="Background.html" style="color: black">项目背景</a></li>
                            <li><a href="Innovation.html" style="color: black">创新优势</a></li>
                            <li><a href="Application.html" style="color: black">实机操作</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!---==================== Breadcrumb Section Area Start ===================-->
<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-box">
                    <div class="breadcrumb-section-title pt-50">
                        <h1 style="color: black">项目背景</h1>
                    </div>
                    <div class="breadcrumb-menu">
                        <ul>
                            <li><a href="Fire-Monitor.html" style="color:white"><i class="bi bi-house-fill"></i>Home</a></li>
                            <li><a style="color:white">Definition</a></li>
                            <li><a style="color:white">Damage</a></li>
                            <li><a style="color:white">Disaster statistics</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!---==================== About Section Area Start ===================-->
<div class="about-section pt-120 pb-120">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="about-img">
                    <img src="static/picture/about-img.jpg" alt="">
                    <!--插入火情图片，介绍森林火灾及其危害-->
                </div>
            </div>
            <div class="col-lg-6">
                <div class="section-title">
                    <span><a style="color: red;font-size: 30px"><strong>Definition</strong></a></span>
                    <h2>认识森林火灾
                    </h2>
                    <p>
                        <strong>广义上讲：</strong>凡是失去人为控制，在林地内自由蔓延和扩展，
                        对森林、森林生态系统和人类带来一定危害和损失的林火行为都称为森林火灾。
                        <br>
                        <strong>狭义上讲：</strong>森林火灾是一种突发性强、破坏性大、处置救助较为困难的自然灾害。
                    <br>
                        <br>
                        <strong>森林防火工作</strong>
                        是中国防灾减灾工作的重要组成部分，是国家公共应急体系建设
                        的重要内容，是社会稳定和人民安居乐业的重要保障，
                        是加快林业发展，加强生态建设的基础和前提，事关森林资源和生态安全，
                        事关人民群众生命财产安全，事关改革发展稳定的大局
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!---==================== Serivces Section Area Start ===================-->
<div class="services-section pt-120 pb-120">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12">
                <div class="section-title text-center pb-40">
                    <span><a style="color: red;font-size: 30px"><strong>Damage</strong></a></span>
                    <h1>森林火灾的危害</h1>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="services-box">
                    <div class="services-icon">
                        <img src="static/picture/animal2.png" alt="">
                    </div>
                    <div class="services-content">
                        <h3>危害野生动物</h3>
                        <p>森林火灾后，野生动物赖以生存的环境被破坏．
                            有时甚至直接烧死野生动物。
                            <br>
                            由于火灾等原因而造成的森林破坏，
                            我国不少野生动物种类已经灭绝或处于濒危。
                            防治森林火灾，同时也是保护生物物种的多样性。
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="services-box">
                    <div class="services-icon">
                        <img src="static/picture/air-pollution.png" alt="">
                    </div>
                    <div class="services-content">
                        <h3>引起空气污染</h3>
                        <p>森林燃烧会产生大量烟雾，其主要成分为二氧化碳和水蒸气
                            另外还会产生部分有害气体及微粒。
                            <br>除了水蒸汽以外，
                            所有其他物质的含量超过某一限度时都会造成空气污染，
                            危害人类身体健康及野生动物的生存
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="services-box">
                    <div class="services-icon">
                        <img src="static/picture/plant.png" alt="">
                    </div>
                    <div class="services-content">
                        <h3>烧毁林木及林下植被</h3>
                        <p>森林一旦遭受火灾，最直观的危害是烧死或烧伤林木。
                            一方面使森林蓄积下降，另一方面也使森林生长受到严重影响。
                            <br> 森林是生长周期较长的再生资源，遭受火灾后，其恢复需要很长的时间。
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="services-box">
                    <div class="services-icon">
                        <img src="static/picture/human.png" alt="">
                    </div>
                    <div class="services-content">
                        <h3>威胁人民生命财产安全</h3>
                        <p>森林火灾常造成人员伤亡。全世界每年由于森林火灾导致千余人死亡。
                            <br> 此外，森林火灾还会给人民财产带来危害。
                            林区的工厂、房屋、桥梁、铁路、输电线路、畜牧、粮食等常常受到森林火灾的威胁。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!---==================== career Section Area Start ===================-->
<div class="career-section pt-120 pb-120">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="section-title">
                    <span><a style="color: red;font-size: 30px"><strong>Disaster statistic</strong></a></span>
                    <h1>林火大数据
                    </h1>
                    <div class="career-text">
                        <p>1950年以来，中国年均发生森林火灾13067起，受害林地面积653019公顷，
                            因灾伤亡580人。其中1988年以前，全国年均发生森林火灾15932起，
                            受害林地面积947238公顷，因灾伤亡788人（其中受伤678人，死亡110人）。
                            1988年以后，全国年均发生森林火灾7623起，受害林地面积94002公顷，
                            因灾伤亡196人（其中受伤142人，死亡54人），分别下降52.2%、90.1%和75.3%
                        </p>
                        <div class="career-btn">
                            <a href="Innovation.html">亟待解决！<i class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="career-img">
                    <img src="static/picture/chart-00.png" alt="">

                </div>
            </div>
        </div>
    </div>
</div>

<!---==================== scroll top Section Area Start ===================-->
<div class="scroll-area">
    <div class="top-wrap">
        <div class="go-top-btn-wraper">
            <div class="go-top go-top-button active">
                <i class="fas fa-arrow-up"></i>
                <i class="fas fa-arrow-up"></i>
            </div>
        </div>
    </div>
</div>
<!-- ==================== JS======================== -->
<!-- jquery js -->
<script src="static/js/jquery-3.2.1.min.js"></script>
<!-- bootstrap js -->
<script src="static/js/bootstrap.min.js"></script>
<!-- wow js When You Scroll -->
<script src="static/js/wow.js"></script>
<!-- counterup js When You Scroll -->
<script src="static/js/jquery.counterup.min.js"></script>
<!-- venobox js -->
<script src="static/js/venobox.js"></script>
<!-- venobox min js -->
<script src="static/js/venobox.min.js"></script>
<!-- Mobile Menu js -->
<script src="static/js/jquery.meanmenu.js"></script>
<!-- owl-carousel js -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- jquery scrollup js -->
<script src="static/js/jquery.scrollUp.js"></script>
<!-- custom js -->
<script src="static/js/theme.js"></script>

</body>
</html>